const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV);
const path = require('path');
function resolve(dir) {
    return path.join(__dirname, dir)
}

module.exports = {
    publicPath: './',
    outputDir: 'dist',
    assetsDir: 'assets',
    chainWebpack(config) {
        config.entry('main').add('babel-polyfill')
        config.plugin('html').tap(args => {
            args[0].title = '分拣中心数据大屏';
            return args;
        })

        const svgRule = config.module.rule("svg");
        svgRule.uses.clear();
        svgRule
            .use("svg-sprite-loader")
            .loader("svg-sprite-loader")
            .options({
                symbolId: "icon-[name]"
            });


    },
    devServer: {
        open: IS_PROD, // 生产环境才使用浏览器自动打开
        https: false,
        port: 8500,
        proxy: {
            // 匹配到/localApi开头时 替换成target指定的地址
            '/localApi': {
                // 本地
                target: process.env.VUE_APP_SRC || 'http://127.0.0.1:8080',
                changeOrigin: process.env.NODE_ENV === 'development' ? true : false, // 开发环境才开启反向代理, 运行(生产)环境不开启
                pathRewrite: {
                    // 把匹配到的/localApi这段开头 替换成 /
                    '^/localApi': '/'
                }
            }
        }
    }
}